<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<meta name="renderer" content="webkit">
<title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
<meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
<meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
</head>
<body class="menu-bg">
{include file=head.html}
<!--内容-->
{pboot:sort scode={sort:tcode}}
<div id="bann" style="background-image: url([sort:pic]);">
  <div class="container">
    <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
    </div>
    <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  </div>
</div>
{/pboot:sort}
<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #295e70;" alt=""></a>
    <div class="first">
      <h4>{sort:topname}</h4>
      <ul>
        {pboot:nav}
        <li><a href="[nav:link]">[nav:name]</a></li>
        {/pboot:nav}
      </ul>
    </div>
    <div class="second active">
      <h4> {sort:name} </h4>
      <ul>
        {pboot:nav num=50 parent={sort:tcode}}
        <li><a href="[nav:link]">[nav:name]</a></li>
        {/pboot:nav}
      </ul>
    </div>
  </div>
</div>
<div class="nav_phone hide container ">
  <p>{pboot:position}</p>
</div>
<div id="about">
  <div class="container">
    <div class="about-box top1">
      <div class="about-title wow fadeInUp" data-wow-delay="200ms">{pboot:companyname}</div>
      {pboot:content id=24}
      <div class="desc-box">
        <div class="info-box wow fadeInUp" data-wow-delay="300ms">
          <div class="info">
            <p style="text-indent: 2em;">[content:content drophtml=1 dropblank=1 len=250 more='...']</p>
          </div>
          <a href="javascript:;" class="more" onclick="showMore()"><span>查看更多</span></a> </div>
        <div class="video-box wow fadeInUp" data-wow-delay="300ms"> <img src="[content:ico]" alt="{pboot:companyname}"> </div>
      </div>
      {/pboot:content}
    </div>
    <!-- <div class="about-box">
      <div class="about-title wow fadeInUp" data-wow-delay="300ms"> 企业文化 </div>
      <div class="culture-box">
        <div class="left items item01 wow fadeInUp" data-wow-delay="200ms" style="background-image: url('{pboot:sitedomain}/skin/images/culture1.jpg');"> <img src="{pboot:sitedomain}/skin/images/culture1.jpg" alt="经营理念">
          <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i1.png');"></i>
            <div class="title">
              <p class="cn">经营理念</p>
              <p class="en">BISOMESS PHILOSOPHY</p>
            </div>
            <div class="txt">诚信经营 热情服务</div>
          </div>
        </div>
        <div class="culture">
          <div class="items wow fadeInUp" data-wow-delay="300ms" style="background-image: url('{pboot:sitedomain}/skin/images/culture2.jpg');"> <img src="{pboot:sitedomain}/skin/images/culture2.jpg" alt="诚信负责">
            <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i2.png');"></i>
              <div class="title">
                <p class="cn">诚信负责</p>
                <p class="en">RESPONSIBLE FOR INTEGRITY</p>
              </div>
            </div>
          </div>
          <div class="items wow fadeInUp" data-wow-delay="400ms" style="background-image: url('{pboot:sitedomain}/skin/images/culture3.jpg');"> <img src="{pboot:sitedomain}/skin/images/culture3.jpg" alt="简单快乐">
            <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i3.png');"></i>
              <div class="title">
                <p class="cn">简单快乐</p>
                <p class="en">SIMPLE ADN HAPPY</p>
              </div>
            </div>
          </div>
          <div class="items wow fadeInUp"  data-wow-delay="500ms" style="background-image: url('{pboot:sitedomain}/skin/images/culture4.jpg');"> <img src="{pboot:sitedomain}/skin/images/culture4.jpg" alt="激情专注">
            <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i4.png');"></i>
              <div class="title">
                <p class="cn">激情专注</p>
                <p class="en">PASSION AND FOCUS</p>
              </div>
            </div>
          </div>
          <div class="items wow fadeInUp" data-wow-delay="600ms" style="background-image: url('{pboot:sitedomain}/skin/images/culture5.jpg');"> <img src="{pboot:sitedomain}/skin/picture/culture5.jpg" alt="开放创造">
            <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i5.png');"></i>
              <div class="title">
                <p class="cn">开放创造</p>
                <p class="en">OPEN CREATION</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
  </div>
  <!--弹窗介绍-->
  <div class="more-cover">
    <div class="info-content">
      <div class="close-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/close.png');"></i> </div>
      <div class="content">
        {pboot:content id=24}[content:content]{/pboot:content}
      </div>
    </div>
  </div>
</div>
{include file=foot.html}

<script type="text/javascript">
    $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
        $(this).children('ul').stop().slideToggle()
    });

	var develop_banner= new Swiper('.swiper-develop', {
        autoplay: 4000,
        spaceBetween:"3.333%",
        slidesPerView:"auto",
        prevButton:'.prev',
        nextButton:'.next',
        navigation: {
            nextEl: '.develop-box .prevNext-box .next',
            prevEl: '.develop-box .prevNext-box .prev',
        },
    });
    function showMore() {
        $(".more-cover").fadeIn(300);
    };
    $(".more-cover .close-box").click(function () {
        $(".more-cover").fadeOut(300);
    });
</script>
</body>
</html>
